<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_657347_z10sfuo6ytx1or.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_633849_346ss07lxit9ms4i.css"/>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/head-footer.css"/>
		<link rel="stylesheet" type="text/css" href="../css/swiper-4.2.2.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/Home.css"/>
	</head>
	<body>
		<div id="container">
		<!-- 页头 -->
		 <div class="head">
			<!--logo-->
			<div class="logo">
				<img src="../img/gq/logo_01.jpg"/>
			</div>
			<!--导航-->
			<ul class="clearfix">
				<li><a href="Home.html">首页</a></li>
				<li><a href="cycling.html">骑行</a></li>
				<li><a href="L-plate.html">铁三</a></li>
				<li><a href="running.html">跑步</a></li>
				<li><a href="newHand.html">新手学堂</a></li>
				<li><a href="brand.html">品牌专区</a></li>
			</ul>
			<!--搜索框-->
            <form action="" class="search">
                <input type="search">
                <div class="search_icon">
                    <img src="../img/gq/sousuo.png" alt="">
                </div>
            </form>
	    	<!--购物车图标-->
	    	<div class="shopcar">
	    		<a href="shopdetail.html">
	    		<img src="../img/gq/shopcar.png" alt="">
	    		</a>
	    	</div>
	    	<!--人员图标-->
	    	<div class="people">
	    		<a href="login.html">
	    		<img src="../img/gq/people.png" alt="">
	    		</a>
	    	</div>
	    	<!--联系热线-->
	    	<div class="tel">
	    		<p>400-6563-116</p>
	    	</div>
	    	<!--language-->
	    	<div class="language">
	    		<span>CH</span>
	    	</div>
		</div>
	</div>
		<!--lunbo-->
	<div class="swiper-container">
	    <div class="swiper-wrapper">
	      <div class="swiper-slide">
	        <div class="swiper-zoom-container">
	          <img src="../img/gq/lunbo_1.jpg">
	        </div>
	      </div>
	      <div class="swiper-slide">
	        <div class="swiper-zoom-container">
	          <img src="../img/gq/lunbo_1.jpg">
	        </div>
	      </div>
	      <div class="swiper-slide">
	        <div class="swiper-zoom-container">
	          <img src="../img/gq/lunbo_1.jpg">
	        </div>
	      </div>
	      <div class="swiper-slide">
	        <div class="swiper-zoom-container">
	          <img src="../img/gq/lunbo_1.jpg">
	        </div>
	      </div>
	      <div class="swiper-slide">
	        <div class="swiper-zoom-container">
	          <img src="../img/gq/lunbo_1.jpg">
	        </div>
	      </div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination swiper-pagination-white"></div>
    <!-- Add Navigation -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
  </div>
  <!--轮播图下面的小图-->
  	<div class="piclist">
			<ul class="clearfix">
				<li>
					<img src="../img/gq/shouye06.jpg"/>
				</li>
				<li>
					<img src="../img/gq/shouye_09.jpg"/>
				</li>
				<li>
					<img src="../img/gq/shouye_12.jpg"/>
				</li>
				<li>
					<img src="../img/gq/shouye_14.jpg"/>
				</li>
				<li>
					<img src="../img/gq/shouye_16.jpg"/>
				</li>
			</ul>
		</div>
  <!--产品推荐-->
  <div class="common-text">产品推荐</div>
  <div class="product">
  	<ul>
  		<li><img src="../img/gq/tuijian_11.jpg"/>
  			<div class="product-p">
  				<p>普通版骑行上衣</p>
				<ul class="clearfix">
					<li id="bg-red">森地客</li>
					<li id="bg-black">春季款</li>
				</ul>
  				<p>￥299</p>
  			</div>
  		</li>
  		<li><img src="../img/gq/tuijian3_11.jpg"/>
  		<div class="product-p">
  				<p>普通版骑行上衣</p>
				<ul class="clearfix">
					<li id="bg-red">森地客</li>
					<li id="bg-black">春季款</li>
				</ul>
  				<p>￥299</p>
  			</div></li>
  		<li><img src="../img/gq/tuijian4_11.jpg"/>
  		<div class="product-p">
  				<p>普通版骑行上衣</p>
				<ul class="clearfix">
					<li id="bg-red">森地客</li>
					<li id="bg-black">春季款</li>
				</ul>
  				<p>￥299</p>
  			</div></li>
  		<li><img src="../img/gq/tuijian1_11.jpg"/>
  		<div class="product-p">
  				<p>普通版骑行上衣</p>
				<ul class="clearfix">
					<li id="bg-red">森地客</li>
					<li id="bg-black">春季款</li>
				</ul>
  				<p>￥299</p>
  			</div></li>
  	</ul>
  </div>
  <div class="product-img">
  	<img src="../img/gq/shouye_031.jpg"/>
  </div>
  <!--定制骑行服-->
  <div class="common-text">定制骑行服</div>
  <div class="cycling">
  	<div class="cycling-1">
  		<div class="bg-img">
  			<p>配件</p>
  		</div>
  		<div class="cycling-p">
  			<p>短袖上衣</p>
  			<p>长袖上衣</p>
  			<p>短裤</p>
  			<p>长裤</p>
  			<p>背带短裤</p>
  			<p>背带长裤</p>
  			<p>短袖连体服</p>
  			<p>长袖连体服</p>
  			<p>儿童版短袖</p>
  			<p>儿童版长袖</p>
  		</div>
  	</div>
  	<div class="cycling-2">
  		<img class="img-1" src="../img/gq/dingzhi_11.jpg"/>
  		<div class="hover-red">
  			<p class="hover-p1">普及版</p>
  			<p class="hover-p2">></p>
  		</div>
  		<img class="img-2" src="../img/gq/dingzhi_32.jpg"/>
  		<div class="hover-red2">
  			<p class="hover-p1">专业版</p>
  			<p class="hover-p2">></p>
  		</div>
  	</div>
  	<ul>
  		<li>
  			<img src="../img/gq/dingzhi_17.jpg"/>
  			<div class="li-p">
  				<p>男士骑行上衣</p>
  				<p>￥299</p>
  				<div class="li-div">
  					<img src="../img/gq/color.png"/>
  					<span>立即定制</span>
  				</div>
  			</div>
  		</li>
  		<li>
  			<img src="../img/gq/dingzhi_19_03.jpg"/>
  			<div class="li-p">
  				<p>男士骑行上衣</p>
  				<p>￥299</p>
  				<div class="li-div">
  					<img src="../img/gq/color.png"/>
  					<span>立即定制</span>
  				</div>
  			</div>
  		</li>
  		<li>
  			<img src="../img/gq/dingzhi_21.jpg"/>
  			<div class="li-p">
  				<p>男士骑行上衣</p>
  				<p>￥299</p>
  				<div class="li-div">
  					<img src="../img/gq/color.png"/>
  					<span>立即定制</span>
  				</div>
  			</div>
  		</li>
  		<li class="down">
  			<img  src="../img/gq/dingzhi_33.jpg"/>
  			<div class="li-p">
  				<p>男士骑行上衣</p>
  				<p>￥299</p>
  				<div class="li-div">
  					<img src="../img/gq/color.png"/>
  					<span>立即定制</span>
  				</div>
  			</div>
  		</li>
  		<li class="down">
  			<img src="../img/gq/dingzhi_34.jpg"/>
  			<div class="li-p">
  				<p>男士骑行上衣</p>
  				<p>￥299</p>
  				<div class="li-div">
  					<img src="../img/gq/color.png"/>
  					<span>立即定制</span>
  				</div>
  			</div>
  		</li>
  		<li class="down">
  			<img src="../img/gq/dingzhi_35.jpg"/>
  			<div class="li-p">
  				<p>男士骑行上衣</p>
  				<p>￥299</p>
  				<div class="li-div">
  					<img src="../img/gq/color.png"/>
  					<span>立即定制</span>
  				</div>
  			</div>
  		</li>
  	</ul>
  </div>
  <!--定制跑步服-->
  <div class="common-text">定制跑步服</div>
 <div class="dingzhi">
 	<div class="dingzhi1">
 		<p class="dingzhi-p1">Customized Jacket</p>
 		<p class="dingzhi-p2">短裤定制</p>
 	</div>
  	<div class="dingzhi2">
  		<p class="dingzhi-p1">Customized Jacket</p>
 		<p class="dingzhi-p2">短袖t恤定制</p>
  	</div>
  	<div class="dingzhi-p">
  		<p>POLO衫</p>
  		<p>短袖T恤</p>
  		<p>短裤</p>
  		<p>跑步背心</p>
  		<p>上袖上衣</p>
  		<p>运动文胸</p>
  	</div>
  	<ul>
  		<li>
  			<img src="../img/gq/dingzhi_21.jpg"/>
  			<div class="li-p">
  				<p>男士骑行上衣</p>
  				<p>￥299</p>
  				<div class="li-div">
  					<img src="../img/gq/color.png"/>
  					<span>立即定制</span>
  				</div>
  			</div>
  		</li>
  		<li>
  			<img src="../img/gq/dingzhi_35.jpg"/>
  			<div class="li-p">
  				<p>男士骑行上衣</p>
  				<p>￥299</p>
  				<div class="li-div">
  					<img src="../img/gq/color.png"/>
  					<span>立即定制</span>
  				</div>
  			</div>
  		</li>
  		<li>
  			<img src="../img/gq/dingzhi_15.jpg"/>
  			<div class="li-p">
  				<p>男士骑行上衣</p>
  				<p>￥299</p>
  				<div class="li-div">
  					<img src="../img/gq/color.png"/>
  					<span>立即定制</span>
  				</div>
  			</div>
  		</li>
  		<li>
  			<img src="../img/gq/ding_15.jpg"/>
  			<div class="li-p">
  				<p>男士骑行上衣</p>
  				<p>￥299</p>
  				<div class="li-div">
  					<img src="../img/gq/color.png"/>
  					<span>立即定制</span>
  				</div>
  			</div>
  		</li>
  	</ul>
 </div>

<!--定制铁三服-->
<div class="common-text">定制铁三服</div>
 <div class="dingzhi">
 	<div class="dingzhi1  tiesanfu1">
 		<p class="dingzhi-p1">Customized Jacket</p>
 		<p class="dingzhi-p2">短裤定制</p>
 	</div>
  	<div class="dingzhi2 tiesanfu2">
  		<p class="dingzhi-p1">Customized Jacket</p>
 		<p class="dingzhi-p2">短袖t恤定制</p>
  	</div>
  	<div class="tiesanfu-1">
  		<div class="tiesanfu">
  			<p>配件</p>
  		</div>
  		<div class="tiesanfu-p">
  			<p>无袖短裤套装</p>
  			<p>短袖短裤套装</p>
  			<p>长袖短裤套装</p>
  		</div>
  	</div>
  	<ul>
  		<li>
  			<img src="../img/gq/dingzhi_21.jpg"/>
  			<div class="li-p">
  				<p>男士骑行上衣</p>
  				<p>￥299</p>
  				<div class="li-div">
  					<img src="../img/gq/color.png"/>
  					<span>立即定制</span>
  				</div>
  			</div>
  		</li>
  		<li>
  			<img src="../img/gq/dingzhi_35.jpg"/>
  			<div class="li-p">
  				<p>男士骑行上衣</p>
  				<p>￥299</p>
  				<div class="li-div">
  					<img src="../img/gq/color.png"/>
  					<span>立即定制</span>
  				</div>
  			</div>
  		</li>
  		<li>
  			<img src="../img/gq/dingzhi_15.jpg"/>
  			<div class="li-p">
  				<p>男士骑行上衣</p>
  				<p>￥299</p>
  				<div class="li-div">
  					<img src="../img/gq/color.png"/>
  					<span>立即定制</span>
  				</div>
  			</div>
  		</li>
  		<li>
  			<img src="../img/gq/ding_15.jpg"/>
  			<div class="li-p">
  				<p>男士骑行上衣</p>
  				<p>￥299</p>
  				<div class="li-div">
  					<img src="../img/gq/color.png"/>
  					<span>立即定制</span>
  				</div>
  			</div>
  		</li>
  	</ul>
  	
 </div>

<!--定制休闲服-->
<div class="common-text">定制休闲服</div>
<div class="xiuxian">
	<img class="img-1" src="../img/gq/xiuxian_03.jpg"/>
	<div class="hover-red3">
  			<p class="hover-p1">POLO衫</p>
  			<p class="hover-p2">></p>
  		</div>
	<img class="img-2" src="../img/gq/xiuxian_05.jpg"/>
	<div class="hover-red4">
  			<p class="hover-p1">POLO衫</p>
  			<p class="hover-p2">></p>
  		</div>
	<img class="img-3" src="../img/gq/xiuxian_07.jpg"/>
	<div class="hover-red5">
  			<p class="hover-p1">POLO衫</p>
  			<p class="hover-p2">></p>
  		</div>
	<img class="img-4" src="../img/gq/xiuxian_09.jpg"/>
	<div class="hover-red6">
  			<p class="hover-p1">POLO衫</p>
  			<p class="hover-p2">></p>
  		</div>
	
</div>
<!--品牌专区-->
<div class="common-text">品牌专区</div>
<div class="ppai">
	<ul>
	<li><img src="../img/gq/ppai_03.jpg"/></li>
	<li><img src="../img/gq/ppai_05.jpg"/></li>
	<li><img src="../img/gq/ppai_07.jpg"/></li>
	<li><img src="../img/gq/ppai_09.jpg"/></li>
	<li><img src="../img/gq/ppai_11.jpg"/></li>
	<li><img src="../img/gq/ppai_13.jpg"/></li>
	<li><img src="../img/gq/ppai_21.jpg"/></li>
	<li><img src="../img/gq/ppai_22.jpg"/></li>
	<li><img src="../img/gq/ppai_23.jpg"/></li>
	<li><img src="../img/gq/ppai_25.jpg"/></li>
	<li><img src="../img/gq/ppai_26.jpg"/></li>
	<li><p>MORE></p></li>
</ul>
</div>


<!--尾部-->
		<div class="footer">
				<div class="logo-2">
					<img src="../img/gq/logo-2_13.jpg"/>
				</div>
				<ul>
					<li>新手指南</li>
					<li>用户注册</li>
					<li>定制流程</li>
				</ul>
				<ul>
					<li>付款方式</li>
					<li>支付方式</li>
					<li>支付问题</li>
					<li>常见问题</li>
				</ul>
				<ul>
					<li>售后服务</li>
					<li>退款换货</li>
					<li>配送方式</li>
					<li>联系我们</li>
				</ul>
				<ul>
					<li>政策条款</li>
					<li>服务协议</li>
					<li>隐私条款</li>
					<li>s版权条款</li>
				</ul>
				<p>
					&copy;2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
				</p>
		</div>

  
  <!-- Swiper JS -->
  <script src="../js/swiper-4.2.2.min.js"></script>
  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper('.swiper-container', {
      zoom: true,
      pagination: {
        el: '.swiper-pagination',
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
  </script>
		
	</body>
</html>
